<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../../Img/logo.jpg">
    <title>二手交易网</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="../../CSS/PageHkx/home.css">

</head>
<body>
    <div class="whole">
        <div class="top">
            <div class="top0" id="top0">
                欢迎<p th:text="${session.user.userId}"> text</p>
            </div>
            <div class="top1" id="top1">
                <a><i class="fa fa-envelope-open-o" aria-hidden="true"></i> 我的店铺</a>
            </div>
            <div class="top2" id="top2">
                <a><i class="fa fa-user-plus" aria-hidden="true"></i> 个人中心</a>
            </div>
            <div class="top3" id="top3">
                <a><i class="fa fa-shopping-cart" aria-hidden="true"></i> 购物车</a>
            </div>
            <div class="top4" id="top4">
                <a><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a>
            </div>
            <div class="top5" id="top5">
                <a><i class="fa fa-sign-out" aria-hidden="true"></i> 退出登录</a>
            </div>
        </div>
        <div class="mone" id="mone">
            <h2>您还不是商家，是否发送申请？</h2>
            <button id="sure">是</button>
            <button id="no">否</button>
        </div>
        <div class="form" id="form">
            <input type="text" placeholder="请输入店名，6~10个字符，可包含字母数字减号下划线" value="" id="shopName">
            <input type="text" placeholder="请输入你的id" value="" id="userId">
            <button id="apply">确定申请</button>
            <button id="think">我再想想</button>
        </div>
        <div class="content" id="content">
            <div class="rea">
                <div class="logo">
                    <img src="../../Img/QQ图片20210724155302.jpg" alt="商店商标">
                </div>
                <div class="ban" id="ban">
                    <p id="goods">商品</p>
                    <p id="shops">商店</p>
                </div>
                <div class="seek">
                    <input id="seeksth" type="text" value="" placeholder="请输入要搜索的名称">
                    <input id="seekit" type="button" value="搜索">
                </div>
            </div>
            <ul class="goods">
                <li id="huawei" onclick="showhuawei()">华为</li>
                <li id="vivo" onclick="showvivo()">VIVO</li>
                <li id="oppo"onclick="showoppo()">OPPO</li>
                <li id="iphon"onclick="showiphon()">iPhone</li>
                <li id="leno"onclick="showleno()">联想</li>
                <li id="hp"onclick="showhp()">惠普</li>
                <li id="dr"onclick="showdr()">戴尔</li>
                <li id="jx"onclick="showjx()">机械革命</li>
                <li id="mi"onclick="showmi()">小米</li>
                <li id="more"onclick="showmore()"><a href="more.html">查看更多</a></li>
            </ul>
            <div id="hid_huawei" style="display: none;">
                <div class="hwProduct" id="hwProduct">
                </div>
            </div>
            <div id="hid_vivo" style="display: none;">
                <div class="vivoProduct" id="vivoProduct">
                </div>
            </div>
            <div id="hid_oppo" style="display: none;">
                <div class="oppoProduct" id="oppoProduct">
                </div>
            </div>
            <div id="hid_iphon" style="display: none;">
                <div class="iphonProduct" id="iphonProduct">
                </div>
            </div>
            <div id="hid_leno" style="display: none;">
                <div class="lenoProduct" id="lenoProduct">
                </div>
            </div>
            <div id="hid_hp" style="display: none;">
                <div class="hpProduct" id="hpProduct">
                </div>
            </div>
            <div id="hid_dr" style="display: none;">
                <div class="drProduct" id="drProduct">
                </div>
            </div>
            <div id="hid_jx" style="display: none;">
                <div class="jxProduct" id="jxProduct">
                </div>
            </div>
            <div id="hid_mi" style="display: none;">
                <div class="miPoduct" id="miProduct">
                </div>
            </div>
            <div class="wrap" id="wrap">
                <ul class="list">
                    <li class="item active" >
                        <img src="http://qtm9aqf5y.hb-bkt.clouddn.com/484e63f8-376e-4e51-a4fb-f4bb46ffcca7" id="img1" >
                    </li>
                    <li class="item " >
                        <img src="http://qtm9aqf5y.hb-bkt.clouddn.com/690df166-c2b7-44c3-a7d7-032ea0221f37" id="img2">
                    </li>
                    <li class="item " >
                        <img src="http://qtm9aqf5y.hb-bkt.clouddn.com/8b493436-2a20-49bd-b6b5-ff69a36a79fb" id="img3">
                    </li>
                </ul>
                <ul class="pointList">
                    <li class="point active" data-index='0' >
                    <li class="point"  data-index='1'>
                    <li class="point"  data-index='2'>
                </ul>
                <button class="btn" id="goPre"><img src="../../Img/jy-left-Outlined.png" alt="上一张"></button>
                <button class="btn" id="goNext"><img src="../../Img/jy-Right-Outlined.png" alt="下一张"></button>
            </div>

            <div class="things" id="things">

            </div>
            <div class="lookMore">
                <button id="lookMore">
                    查看更多
                </button>
            </div>
        </div>
        <div class="shopcar" id="classcar">
    
                <img src="../../Img/购物车 (1).png">
                <p class="shoppingcar">购物车</p>

        </div>
        <div class="gotop"  id="gotop">
            <a href="javascript:;" id="backTop">
                <img src="../../Img/回到顶部.png">
                <p class="goTop">回到顶部</p>
            </a>
        </div>
    </div>
</body>
<script src="../../JS/PageLy/jquery.min.js"></script>
<script src="../../JS/PageHkx/home.js"></script>
</html>